<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if gt IE 9]> <html lang="en" class="ie"> <![endif]-->
<!--[if !IE]><!-->
<html dir="ltr" lang="en">
	<!--<![endif]-->

	<head>
		<meta charset="utf-8">
		<title>The Project | Icons - Fontawesome</title>
		<meta name="description" content="The Project a Bootstrap-based, Responsive HTML5 Template">
		<meta name="author" content="htmlcoder.me">

		<!-- Mobile Meta -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<!-- Favicon -->
		<link rel="shortcut icon" href="images/favicon.ico">

		<!-- Web Fonts -->
		<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Raleway:700,400,300' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>

		<!-- Bootstrap core CSS -->
		<link href="bootstrap/css/bootstrap.css" rel="stylesheet">

		<!-- Font Awesome CSS -->
		<link href="fonts/font-awesome/css/font-awesome.css" rel="stylesheet">

		<!-- Fontello CSS -->
		<link href="fonts/fontello/css/fontello.css" rel="stylesheet">

		<!-- Plugins -->
		<link href="plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
		<link href="css/animations.css" rel="stylesheet">
		<link href="plugins/owlcarousel2/assets/owl.carousel.min.css" rel="stylesheet">
		<link href="plugins/owlcarousel2/assets/owl.theme.default.min.css" rel="stylesheet">
		<link href="plugins/hover/hover-min.css" rel="stylesheet">		
		
		<!-- The Project's core CSS file -->
		<!-- Use css/rtl_style.css for RTL version -->
		<link href="css/style.css" rel="stylesheet" >
		<!-- The Project's Typography CSS file, includes used fonts -->
		<!-- Used font for body: Roboto -->
		<!-- Used font for headings: Raleway -->
		<!-- Use css/rtl_typography-default.css for RTL version -->
		<link href="css/typography-default.css" rel="stylesheet" >
		<!-- Color Scheme (In order to change the color scheme, replace the blue.css with the color scheme that you prefer)-->
		<link href="css/skins/light_blue.css" rel="stylesheet">
		

		<!-- Custom css --> 
		<link href="css/custom.css" rel="stylesheet">
	</head>

	<!-- body classes:  -->
	<!-- "boxed": boxed layout mode e.g. <body class="boxed"> -->
	<!-- "pattern-1 ... pattern-9": background patterns for boxed layout mode e.g. <body class="boxed pattern-1"> -->
	<!-- "transparent-header": makes the header transparent and pulls the banner to top -->
	<!-- "gradient-background-header": applies gradient background to header -->
	<!-- "page-loader-1 ... page-loader-6": add a page loader to the page (more info @components-page-loaders.html) -->
	<body class="no-trans    ">

		<!-- scrollToTop -->
		<!-- ================ -->
		<div class="scrollToTop circle"><i class="icon-up-open-big"></i></div>
		
		<!-- page wrapper start -->
		<!-- ================ -->
		<div class="page-wrapper">
		
			<!-- header-container start -->
			<div class="header-container">
				
				
				<!-- header-top start -->
				<!-- classes:  -->
				<!-- "dark": dark version of header top e.g. class="header-top dark" -->
				<!-- "colored": colored version of header top e.g. class="header-top colored" -->
				<!-- ================ -->
				<div class="header-top dark ">
					<div class="container">
						<div class="row">
							<div class="col-xs-3 col-sm-6 col-md-9">
								<!-- header-top-first start -->
								<!-- ================ -->
								<div class="header-top-first clearfix">
									<ul class="social-links circle small clearfix hidden-xs">
										<li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
										<li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li>
										<li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
										<li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
										<li class="youtube"><a target="_blank" href="http://www.youtube.com"><i class="fa fa-youtube-play"></i></a></li>
										<li class="flickr"><a target="_blank" href="http://www.flickr.com"><i class="fa fa-flickr"></i></a></li>
										<li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
										<li class="pinterest"><a target="_blank" href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a></li>
									</ul>
									<div class="social-links hidden-lg hidden-md hidden-sm circle small">
										<div class="btn-group dropdown">
											<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-share-alt"></i></button>
											<ul class="dropdown-menu dropdown-animation">
												<li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
												<li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li>
												<li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
												<li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
												<li class="youtube"><a target="_blank" href="http://www.youtube.com"><i class="fa fa-youtube-play"></i></a></li>
												<li class="flickr"><a target="_blank" href="http://www.flickr.com"><i class="fa fa-flickr"></i></a></li>
												<li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
												<li class="pinterest"><a target="_blank" href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a></li>
											</ul>
										</div>
									</div>
									<ul class="list-inline hidden-sm hidden-xs">
										<li><i class="fa fa-map-marker pr-5 pl-10"></i>One Infinity Loop Av, Tk 123456</li>
										<li><i class="fa fa-phone pr-5 pl-10"></i>+12 123 123 123</li>
										<li><i class="fa fa-envelope-o pr-5 pl-10"></i> theproject@mail.com</li>
									</ul>
								</div>
								<!-- header-top-first end -->
							</div>
							<div class="col-xs-9 col-sm-6 col-md-3">

								<!-- header-top-second start -->
								<!-- ================ -->
								<div id="header-top-second"  class="clearfix">

									<!-- header top dropdowns start -->
									<!-- ================ -->
									<div class="header-top-dropdown text-right">
										<div class="btn-group">
											<a href="page-signup.html" class="btn btn-default btn-sm"><i class="fa fa-user pr-10"></i> Sign Up</a>
										</div>
										<div class="btn-group dropdown">
											<button type="button" class="btn dropdown-toggle btn-default btn-sm" data-toggle="dropdown"><i class="fa fa-lock pr-10"></i> Login</button>
											<ul class="dropdown-menu dropdown-menu-right dropdown-animation">
												<li>
													<form class="login-form margin-clear">
														<div class="form-group has-feedback">
															<label class="control-label">Username</label>
															<input type="text" class="form-control" placeholder="">
															<i class="fa fa-user form-control-feedback"></i>
														</div>
														<div class="form-group has-feedback">
															<label class="control-label">Password</label>
															<input type="password" class="form-control" placeholder="">
															<i class="fa fa-lock form-control-feedback"></i>
														</div>
														<button type="submit" class="btn btn-gray btn-sm">Log In</button>
														<span class="pl-5 pr-5">or</span>
														<button type="submit" class="btn btn-default btn-sm">Sing Up</button>
														<ul>
															<li><a href="#">Forgot your password?</a></li>
														</ul>
														<span class="text-center">Login with</span>
														<ul class="social-links circle small colored clearfix">
															<li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
															<li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
															<li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
														</ul>
													</form>
												</li>
											</ul>
										</div>
									</div>
									<!--  header top dropdowns end -->
								</div>
								<!-- header-top-second end -->
							</div>
						</div>
					</div>
				</div>
				<!-- header-top end -->
				
				<!-- header start -->
				<!-- classes:  -->
				<!-- "fixed": enables fixed navigation mode (sticky menu) e.g. class="header fixed clearfix" -->
				<!-- "dark": dark version of header e.g. class="header dark clearfix" -->
				<!-- "full-width": mandatory class for the full-width menu layout -->
				<!-- "centered": mandatory class for the centered logo layout -->
				<!-- ================ --> 
				<header class="header  fixed    clearfix">
					
					<div class="container">
						<div class="row">
							<div class="col-md-3 ">
								<!-- header-first start -->
								<!-- ================ -->
								<div class="header-first clearfix">
									
									<!-- header dropdown buttons -->
									<div class="header-dropdown-buttons visible-xs">
										<div class="btn-group dropdown">
											<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-search"></i></button>
											<ul class="dropdown-menu dropdown-menu-right dropdown-animation">
												<li>
													<form role="search" class="search-box margin-clear">
														<div class="form-group has-feedback">
															<input type="text" class="form-control" placeholder="Search">
															<i class="icon-search form-control-feedback"></i>
														</div>
													</form>
												</li>
											</ul>
										</div>
										<div class="btn-group dropdown">
											<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-basket-1"></i><span class="cart-count default-bg">8</span></button>
											<ul class="dropdown-menu dropdown-menu-right dropdown-animation cart">
												<li>
													<table class="table table-hover">
														<thead>
															<tr>
																<th class="quantity">QTY</th>
																<th class="product">Product</th>
																<th class="amount">Subtotal</th>
															</tr>
														</thead>
														<tbody>
															<tr>
																<td class="quantity">2 x</td>
																<td class="product"><a href="shop-product.html">Android 4.4 Smartphone</a><span class="small">4.7" Dual Core 1GB</span></td>
																<td class="amount">$199.00</td>
															</tr>
															<tr>
																<td class="quantity">3 x</td>
																<td class="product"><a href="shop-product.html">Android 4.2 Tablet</a><span class="small">7.3" Quad Core 2GB</span></td>
																<td class="amount">$299.00</td>
															</tr>
															<tr>
																<td class="quantity">3 x</td>
																<td class="product"><a href="shop-product.html">Desktop PC</a><span class="small">Quad Core 3.2MHz, 8GB RAM, 1TB Hard Disk</span></td>
																<td class="amount">$1499.00</td>
															</tr>
															<tr>
																<td class="total-quantity" colspan="2">Total 8 Items</td>
																<td class="total-amount">$1997.00</td>
															</tr>
														</tbody>
													</table>
													<div class="panel-body text-right">
														<a href="shop-cart.html" class="btn btn-group btn-gray btn-sm">View Cart</a>
														<a href="shop-checkout.html" class="btn btn-group btn-gray btn-sm">Checkout</a>
													</div>
												</li>
											</ul>
										</div>
									</div>
									<!-- header dropdown buttons end-->
									
									<!-- logo -->
									<div id="logo" class="logo">
										<a href="index.html"><img id="logo_img" src="images/logo_light_blue.png" alt="The Project"></a>
									</div>

									<!-- name-and-slogan -->
									<div class="site-slogan">
										Multipurpose HTML5 Template
									</div>

								</div>
								<!-- header-first end -->

							</div>
							<div class="col-md-9">
					
								<!-- header-second start -->
								<!-- ================ -->
								<div class="header-second clearfix">
									
								<!-- main-navigation start -->
								<!-- classes: -->
								<!-- "onclick": Makes the dropdowns open on click, this the default bootstrap behavior e.g. class="main-navigation onclick" -->
								<!-- "animated": Enables animations on dropdowns opening e.g. class="main-navigation animated" -->
								<!-- "with-dropdown-buttons": Mandatory class that adds extra space, to the main navigation, for the search and cart dropdowns -->
								<!-- ================ -->
								<div class="main-navigation  animated with-dropdown-buttons">

									<!-- navbar start -->
									<!-- ================ -->
									<nav class="navbar navbar-default" role="navigation">
										<div class="container-fluid">

											<!-- Toggle get grouped for better mobile display -->
											<div class="navbar-header">
												<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
													<span class="sr-only">Toggle navigation</span>
													<span class="icon-bar"></span>
													<span class="icon-bar"></span>
													<span class="icon-bar"></span>
												</button>
												
											</div>

											<!-- Collect the nav links, forms, and other content for toggling -->
											<div class="collapse navbar-collapse" id="navbar-collapse-1">
												<!-- main-menu -->
												<ul class="nav navbar-nav ">

													<!-- mega-menu start -->
													<li class="dropdown  mega-menu">
														<a href="index.html" class="dropdown-toggle" data-toggle="dropdown">Home</a>
														<ul class="dropdown-menu">
															<li>
																<div class="row">
																	<div class="col-md-12">
																		<h4 class="title"><i class="fa fa-laptop pr-10"></i> Demos</h4>
																		<div class="row">
																			<div class="col-sm-6 col-md-3">
																				<div class="divider"></div>
																				<ul class="menu">
																					<li ><a href="index.html"><i class="icon-home pr-10"></i>Home Default</a></li>
																					<li ><a href="index-rtl.html"><i class="icon-home pr-10"></i>Home Default - RTL <span class="badge">New</span></a></li>
																					<li ><a href="index-corporate-1.html"><i class="icon-suitcase pr-10"></i>Corporate 1</a></li>
																					<li ><a href="index-corporate-2.html"><i class="icon-suitcase pr-10"></i>Corporate 2</a></li>
																					<li ><a href="index-corporate-3.html"><i class="icon-suitcase pr-10"></i>Corporate 3</a></li>
																					<li ><a href="index-corporate-4.html"><i class="icon-suitcase pr-10"></i>Corporate 4 <span class="badge">v1.2</span></a></li>
																					<li ><a href="index-corporate-5.html"><i class="icon-suitcase pr-10"></i>Corporate 5 (Law Firm) <span class="badge">v1.3</span></a></li>
																					<li ><a href="index-shop.html"><i class="icon-basket-1 pr-10"></i>Commerce 1</a></li>
																				</ul>
																			</div>
																			<div class="col-sm-6 col-md-3">
																				<div class="divider"></div>
																				<ul class="menu">
																					<li ><a href="index-shop-2.html"><i class="icon-basket-1 pr-10"></i>Commerce 2</a></li>
																					<li ><a href="index-portfolio.html"><i class="icon-briefcase pr-10"></i>Portfolio/Agency</a></li>
																					<li ><a href="index-portfolio-2.html"><i class="icon-camera pr-10"></i>Portfolio 2 <span class="badge">New</span></a></li>
																					<li ><a href="index-medical.html"><i class="fa fa-ambulance pr-10"></i>Medical</a></li>
																					<li ><a href="index-restaurant.html"><i class="fa fa-cutlery pr-10"></i>Restaurant</a></li>
																					<li ><a href="index-restaurant-2.html"><i class="fa fa-cutlery pr-10"></i>Restaurant 2 <span class="badge">v1.3</span></a></li>
																					<li ><a href="index-wedding.html"><i class="icon-heart pr-10"></i>Wedding</a></li>
																					<li ><a href="index-landing.html"><i class="fa fa-star pr-10"></i>Landing Page</a></li>
																				</ul>
																			</div>
																			<div class="col-sm-6 col-md-3">
																				<div class="divider"></div>
																				<ul class="menu">
																					<li ><a href="index-landing-2.html"><i class="fa fa-star pr-10"></i>Landing Page 2 <span class="badge">v1.3</span></a></li>
																					<li ><a href="page-coming-soon.html"><i class="fa fa-clock-o pr-10"></i>Coming Soon</a></li>
																					<li ><a href="index-one-page.html"><i class="icon-home pr-10"></i>One Page Version</a></li>
																					<li ><a href="index-construction.html"><i class="fa fa-building pr-10"></i>Construction <span class="badge">v1.1</span></a></li>
																					<li ><a href="index-education.html"><i class="fa fa-graduation-cap pr-10"></i>Education <span class="badge">v1.1</span></a></li>
																					<li ><a href="index-hotel.html"><i class="fa fa-bed pr-10"></i>Hotel <span class="badge">v1.1</span></a></li>
																					<li ><a href="index-blog.html"><i class="fa fa-pencil pr-10"></i>Blog <span class="badge">v1.1</span></a></li>
																					<li ><a href="index-blog-2.html"><i class="fa fa-pencil pr-10"></i>Blog 2<span class="badge">v1.3</span></a></li>
																				</ul>
																			</div>
																			<div class="col-sm-6 col-md-3">
																				<div class="divider"></div>
																				<ul class="menu">
																					<li ><a href="index-beauty.html"><i class="fa fa-magic pr-10"></i>Beauty Center <span class="badge">v1.1</span></a></li>
																					<li ><a href="index-gym.html"><i class="fa fa-heartbeat pr-10"></i>Gym <span class="badge">v1.2</span></a></li>
																					<li ><a href="index-resume.html"><i class="fa fa-user pr-10"></i>Resume <span class="badge">v1.2</span></a></li>
																					<li ><a href="index-agency.html"><i class="fa fa-users pr-10"></i>Agency <span class="badge">v1.2</span></a></li>
																					<li ><a href="index-logistics.html"><i class="fa fa-truck pr-10"></i>Logistics <span class="badge">v1.2</span></a></li>
																				</ul>
																			</div>
																		</div>
																	</div>
																</div>
															</li>
														</ul>
													</li>
													<!-- mega-menu end -->
													<!-- mega-menu start -->
													<li class="dropdown  mega-menu">
														<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages</a>
														<ul class="dropdown-menu">
															<li>
																<div class="row">
																	<div class="col-lg-8 col-md-9">
																		<h4 class="title">Pages</h4>
																		<div class="row">
																			<div class="col-sm-4">
																				<div class="divider"></div>
																				<ul class="menu">
																					<li ><a href="page-about.html"><i class="fa fa-angle-right"></i>About Us 1</a></li>
																					<li ><a href="page-about-2.html"><i class="fa fa-angle-right"></i>About Us 2</a></li>
																					<li ><a href="page-about-3.html"><i class="fa fa-angle-right"></i>About Us 3</a></li>
																					<li ><a href="page-about-4.html"><i class="fa fa-angle-right"></i>About Us 4</a></li>
																					<li ><a href="page-about-me.html"><i class="fa fa-angle-right"></i>About Me</a></li>
																					<li ><a href="page-team.html"><i class="fa fa-angle-right"></i>Our Team - Options 1</a></li>
																					<li ><a href="page-team-2.html"><i class="fa fa-angle-right"></i>Our Team - Options 2</a></li>
																					<li ><a href="page-team-3.html"><i class="fa fa-angle-right"></i>Our Team - Options 3</a></li>
																					<li ><a href="page-coming-soon.html"><i class="fa fa-angle-right"></i>Coming Soon Page</a></li>
																					<li ><a href="page-faq.html"><i class="fa fa-angle-right"></i>FAQ page</a></li>
																				</ul>
																			</div>
																			<div class="col-sm-4">
																				<div class="divider"></div>
																				<ul class="menu">
																					<li ><a href="page-services.html"><i class="fa fa-angle-right"></i>Services 1</a></li>
																					<li ><a href="page-services-2.html"><i class="fa fa-angle-right"></i>Services 2</a></li>
																					<li ><a href="page-services-3.html"><i class="fa fa-angle-right"></i>Services 3</a></li>
																					<li ><a href="page-contact.html"><i class="fa fa-angle-right"></i>Contact 1</a></li>
																					<li ><a href="page-contact-2.html"><i class="fa fa-angle-right"></i>Contact 2</a></li>
																					<li ><a href="page-contact-3.html"><i class="fa fa-angle-right"></i>Contact 3</a></li>
																					<li ><a href="page-login.html"><i class="fa fa-angle-right"></i>Login 1</a></li>
																					<li ><a href="page-login-2.html"><i class="fa fa-angle-right"></i>Login 2 - Fullsreen</a></li>
																					<li ><a href="page-signup.html"><i class="fa fa-angle-right"></i>Sign Up 1</a></li>
																					<li ><a href="page-signup-2.html"><i class="fa fa-angle-right"></i>Sign Up 2 - Fullsreen</a></li>
																				</ul>
																			</div>
																			<div class="col-sm-4">
																				<div class="divider"></div>
																				<ul class="menu">
																					<li ><a href="page-404.html"><i class="fa fa-angle-right"></i>404 error</a></li>
																					<li ><a href="page-404-2.html"><i class="fa fa-angle-right"></i>404 error - Parallax</a></li>
																					<li ><a href="page-affix-sidebar.html"><i class="fa fa-angle-right"></i>Sidebar - Affix Menu</a></li>
																					<li ><a href="page-left-sidebar.html"><i class="fa fa-angle-right"></i>Left Sidebar</a></li>
																					<li ><a href="page-right-sidebar.html"><i class="fa fa-angle-right"></i>Right Sidebar</a></li>
																					<li ><a href="page-two-sidebars.html"><i class="fa fa-angle-right"></i>Two Sidebars</a></li>
																					<li ><a href="page-two-sidebars-left.html"><i class="fa fa-angle-right"></i>Two Sidebars Left</a></li>
																					<li ><a href="page-two-sidebars-right.html"><i class="fa fa-angle-right"></i>Two Sidebars Right</a></li>
																					<li ><a href="page-no-sidebars.html"><i class="fa fa-angle-right"></i>No Sidebars</a></li>
																					<li ><a href="page-sitemap.html"><i class="fa fa-angle-right"></i>Sitemap</a></li>
																				</ul>
																			</div>
																		</div>
																	</div>
																	<div class="col-lg-4 col-md-3 hidden-sm">
																		<h4 class="title">Premium HTML5 Template</h4>
																		<p class="mb-10">The Project is perfectly suitable for corporate, business and company webpages.</p>
																		<img src="images/section-image-3.png" alt="The Project">
																	</div>
																</div>
															</li>
														</ul>
													</li>
													<!-- mega-menu end -->
													<li class="dropdown active">
														<a class="dropdown-toggle" data-toggle="dropdown" href="#">Features</a>
														<ul class="dropdown-menu">
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Headers <span class="badge">v1.2</span></a>
																<ul class="dropdown-menu">
																	<li ><a href="features-headers-default.html">Default/Semi-Transparent</a></li>
																	<li ><a href="features-headers-default-dark.html">Dark/Semi-Transparent</a></li>
																	<li ><a href="features-headers-gradient-dark.html">Gradient Dark <span class="badge">v1.2</span></a></li>
																	<li ><a href="features-headers-gradient-light.html">Gradient Light <span class="badge">v1.2</span></a></li>
																	<li ><a href="features-headers-classic.html">Classic Light</a></li>
																	<li ><a href="features-headers-classic-dark.html">Classic Dark</a></li>
																	<li ><a href="features-headers-colored.html">Colored/Light</a></li>
																	<li ><a href="features-headers-colored-dark.html">Colored/Dark</a></li>
																	<li ><a href="features-headers-full-width.html">Full Width</a></li>
																	<li ><a href="features-headers-offcanvas-left.html">Offcanvas Left Side</a></li>
																	<li ><a href="features-headers-offcanvas-right.html">Offcanvas Right Side</a></li>
																	<li ><a href="features-headers-logo-centered.html">Logo Centered</a></li>
																	<li ><a href="features-headers-slider-top.html">Slider Top</a></li>
																	<li ><a href="features-headers-simple.html">Simple Static</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Sticky Headers <span class="badge">v1.2</span></a>
																<ul class="dropdown-menu">
																	<li ><a href="features-headers-default.html">Default</a></li>
																	<li ><a href="features-headers-sticky-2.html">Alternative <span class="badge">v1.2</span></a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Menus</a>
																<ul class="dropdown-menu">
																	<li ><a href="features-headers-default.html">Default/On Hover Menu</a></li>
																	<li ><a href="features-menus-onhover-no-animations.html">On Hover Menu - No Animations</a></li>
																	<li ><a href="features-menus-onclick.html">On Click Menu - With Animations</a></li>
																	<li ><a href="features-menus-onclick-no-animations.html">On Click Menu - No Animations</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Footers <span class="badge">v1.2</span></a>
																<ul class="dropdown-menu">
																	<li ><a href="features-footers-default.html#footer">Default</a></li>
																	<li ><a href="features-footers-contact-form.html#footer">Contact Form</a></li>
																	<li ><a href="features-footers-contact-form-2.html#footer">Contact Form 2 <span class="badge">v1.2</span></a></li>
																	<li ><a href="features-footers-google-maps.html#footer">Google Maps</a></li>
																	<li ><a href="features-footers-subscribe.html#footer">Subscribe Form</a></li>
																	<li ><a href="features-footers-minimal.html#footer">Minimal</a></li>
																	<li ><a href="features-footers-links.html#footer">Links <span class="badge">v1.1</span></a></li>
																	<li ><a href="features-footers-full-width.html#footer">Full Width <span class="badge">v1.2</span></a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Main Sliders <span class="badge">v1.2</span></a>
																<ul class="dropdown-menu">
																	<li ><a href="features-sliders-fullscreen.html">Full Screen</a></li>
																	<li ><a href="features-sliders-fullwidth.html">Full Width</a></li>
																	<li ><a href="features-sliders-fullwidth-big-height.html">Full Width - Big Height</a></li>
																	<li ><a href="features-sliders-boxedwidth-light.html">Boxed Width - Light Bg</a></li>
																	<li ><a href="features-sliders-boxedwidth-dark.html">Boxed Width - Dark Bg</a></li>
																	<li ><a href="features-sliders-boxedwidth-default.html">Boxed Width - Default Bg</a></li>
																	<li ><a href="features-sliders-video-background.html">Video Background</a></li>
																	<li ><a href="features-sliders-text-rotator.html">Text Rotator</a></li>
																</ul>
															</li>
															<li class="dropdown">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Email Templates <span class="badge">v1.1</span></a>
																<ul class="dropdown-menu">
																	<li><a target="_blank" href="email_templates/email_template_blue.html">Blue</a></li>
																	<li><a target="_blank" href="email_templates/email_template_brown.html">Brown</a></li>
																	<li><a target="_blank" href="email_templates/email_template_cool_green.html">Cool Green</a></li>
																	<li><a target="_blank" href="email_templates/email_template_dark_cyan.html">Dark Cyan</a></li>
																	<li><a target="_blank" href="email_templates/email_template_dark_red.html">Dark Red</a></li>
																	<li><a target="_blank" href="email_templates/email_template_gold.html">Gold</a></li>
																	<li><a target="_blank" href="email_templates/email_template_gray.html">Gray</a></li>
																	<li><a target="_blank" href="email_templates/email_template_green.html">Green</a></li>
																	<li><a target="_blank" href="email_templates/email_template_light_blue.html">Light Blue</a></li>
																	<li><a target="_blank" href="email_templates/email_template_orange.html">Orange</a></li>
																	<li><a target="_blank" href="email_templates/email_template_pink.html">Pink</a></li>
																	<li><a target="_blank" href="email_templates/email_template_purple.html">Purple</a></li>
																	<li><a target="_blank" href="email_templates/email_template_red.html">Red</a></li>
																	<li><a target="_blank" href="email_templates/email_template_vivid_red.html">Vivid Red</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Pricing Tables</a>
																<ul class="dropdown-menu">
																	<li ><a href="features-pricing-tables-1.html">Pricing Tables 1</a></li>
																	<li ><a href="features-pricing-tables-2.html">Pricing Tables 2</a></li>
																	<li ><a href="features-pricing-tables-3.html">Pricing Tables 3</a></li>
																</ul>
															</li>
															<li class="dropdown active">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Icons</a>
																<ul class="dropdown-menu">
																	<li class="active"><a href="features-icons-fontawesome.html">Font Awesome</a></li>
																	<li ><a href="features-icons-fontello.html">Fontello</a></li>
																	<li ><a href="features-icons-glyphicons.html">Glyphicons</a></li>
																</ul>
															</li>
															<li ><a href="features-dark-page.html">Dark Page</a></li>
															<li ><a href="features-typography.html">Typography</a></li>
															<li ><a href="features-backgrounds.html">Backgrounds</a></li>
															<li ><a href="features-grid.html">Grid</a></li>
														</ul>
													</li>
													<!-- mega-menu start -->
													<li class="dropdown  mega-menu narrow">
														<a href="#" class="dropdown-toggle" data-toggle="dropdown">Components</a>
														<ul class="dropdown-menu">
															<li>
																<div class="row">
																	<div class="col-md-12">
																		<h4 class="title"><i class="fa fa-magic pr-10"></i> Components</h4>
																		<div class="row">
																			<div class="col-sm-6">
																				<div class="divider"></div>
																				<ul class="menu">
																					<li ><a href="components-social-icons.html"><i class="icon-share pr-10"></i>Social Icons</a></li>
																					<li ><a href="components-buttons.html"><i class="icon-flask pr-10"></i>Buttons</a></li>
																					<li ><a href="components-forms.html"><i class="icon-eq pr-10"></i>Forms</a></li>
																					<li ><a href="components-tabs-and-pills.html"><i class=" icon-dot-3 pr-10"></i>Tabs &amp; Pills</a></li>
																					<li ><a href="components-accordions.html"><i class="icon-menu-outline pr-10"></i>Accordions</a></li>
																					<li ><a href="components-progress-bars.html"><i class="icon-chart-line pr-10"></i>Progress Bars</a></li>
																					<li ><a href="components-call-to-action.html"><i class="icon-chat pr-10"></i>Call to Action Blocks</a></li>
																					<li ><a href="components-alerts-and-callouts.html"><i class="icon-info-circled pr-10"></i>Alerts &amp; Callouts</a></li>
																					<li ><a href="components-content-sliders.html"><i class="icon-star-filled pr-10"></i>Content Sliders</a></li>
																					<li ><a href="components-charts.html"><i class="icon-chart-pie pr-10"></i>Charts</a></li>
																					<li ><a href="components-page-loaders.html"><i class="fa fa-circle-o-notch fa-spin"></i>Page Loaders <span class="badge">v1.1</span></a></li>
																					<li ><a href="components-icon-boxes.html"><i class="icon-picture-outline pr-10"></i>Icon Boxes</a></li>
																				</ul>
																			</div>
																			<div class="col-sm-6">
																				<div class="divider"></div>
																				<ul class="menu">
																					<li ><a href="components-image-boxes.html"><i class="icon-camera-1 pr-10"></i>Image Boxes</a></li>
																					<li ><a href="components-fullwidth-sections.html"><i class="icon-code-1 pr-10"></i>Full Width Sections</a></li>
																					<li ><a href="components-animations.html"><i class="icon-docs pr-10"></i>Animations</a></li>
																					<li ><a href="components-video-and-audio.html"><i class="icon-video pr-10"></i>Video &amp; Audio</a></li>
																					<li ><a href="components-lightbox.html"><i class="icon-plus pr-10"></i>Lightbox</a></li>
																					<li ><a href="components-counters.html"><i class="icon-sort-numeric pr-10"></i>Counters</a></li>
																					<li ><a href="components-modals.html"><i class="icon-popup pr-10"></i>Modals</a></li>
																					<li ><a href="components-tables.html"><i class="icon-th pr-10"></i>Tables</a></li>
																					<li ><a href="components-text-rotators.html"><i class="icon-arrows-ccw pr-10"></i>Text Rotators</a></li>
																					<li ><a href="components-announcement-default.html"><i class="icon-megaphone pr-10"></i>Announcements <span class="badge">v1.3</span></a></li>
																					<li ><a href="components-separators.html"><i class="icon-star pr-10"></i>Separators <span class="badge">v1.3</span></a></li>
																				</ul>
																			</div>
																		</div>
																	</div>
																</div>
															</li>
														</ul>
													</li>
													<!-- mega-menu end -->
													<li class="dropdown ">
														<a href="portfolio-grid-2-3-col.html" class="dropdown-toggle" data-toggle="dropdown">Portfolio</a>
														<ul class="dropdown-menu">
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Portfolio Grid 1</a>
																<ul class="dropdown-menu">
																	<li ><a href="portfolio-grid-1-2-col.html">2 Column</a></li>
																	<li ><a href="portfolio-grid-1-3-col.html">3 Column</a></li>
																	<li ><a href="portfolio-grid-1-4-col.html">4 Column</a></li>
																	<li ><a href="portfolio-grid-1-sidebar.html">With Sidebar</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Portfolio Grid 2</a>
																<ul class="dropdown-menu">
																	<li ><a href="portfolio-grid-2-2-col.html">2 Column</a></li>
																	<li ><a href="portfolio-grid-2-3-col.html">3 Column</a></li>
																	<li ><a href="portfolio-grid-2-4-col.html">4 Column</a></li>
																	<li ><a href="portfolio-grid-2-sidebar.html">With Sidebar</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Portfolio Grid 3 - Dark</a>
																<ul class="dropdown-menu">
																	<li ><a href="portfolio-grid-3-2-col.html">2 Column</a></li>
																	<li ><a href="portfolio-grid-3-3-col.html">3 Column</a></li>
																	<li ><a href="portfolio-grid-3-4-col.html">4 Column</a></li>
																	<li ><a href="portfolio-grid-3-sidebar.html">With Sidebar</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Portfolio Fullwidth</a>
																<ul class="dropdown-menu">
																	<li ><a href="portfolio-fullwidth-2-col.html">2 Column</a></li>
																	<li ><a href="portfolio-fullwidth-3-col.html">3 Column</a></li>
																	<li ><a href="portfolio-fullwidth-4-col.html">4 Column</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Portfolio List</a>
																<ul class="dropdown-menu">
																	<li ><a href="portfolio-list-1.html">List - Large Images</a></li>
																	<li ><a href="portfolio-list-2.html">List - Small Images</a></li>
																	<li ><a href="portfolio-list-sidebar.html">With Sidebar</a></li>
																</ul>
															</li>
															<li ><a href="portfolio-item.html">Single Item 1</a></li>
															<li ><a href="portfolio-item-2.html">Single Item 2</a></li>
															<li ><a href="portfolio-item-3.html">Single Item 3</a></li>
														</ul>
													</li>
													<li class="dropdown ">
														<a href="index-shop.html" class="dropdown-toggle" data-toggle="dropdown">Shop</a>
														<ul class="dropdown-menu">
															<li ><a href="index-shop.html">Shop Home 1</a></li>
															<li ><a href="index-shop-2.html">Shop Home 2</a></li>
															<li ><a href="shop-listing-4col.html">Grid - 4 Columns</a></li>
															<li ><a href="shop-listing-3col.html">Grid - 3 Columns</a></li>
															<li ><a href="shop-listing-2col.html">Grid - 2 Columns</a></li>
															<li ><a href="shop-listing-sidebar.html">Grid - With Sidebar</a></li>
															<li ><a href="shop-listing-list.html">List</a></li>
															<li ><a href="shop-product.html">Product Page</a></li>
															<li ><a href="shop-product-2.html">Product Page 2 <span class="badge">v1.3</span></a></li>
															<li ><a href="shop-cart.html">Shopping Cart</a></li>
															<li ><a href="shop-checkout.html">Checkout Page - Step 1</a></li>
															<li ><a href="shop-checkout-payment.html">Checkout Page - Step 2</a></li>
															<li ><a href="shop-checkout-review.html">Checkout Page - Step 3</a></li>
															<li ><a href="shop-invoice.html">Invoice</a></li>
														</ul>
													</li>
													<li class="dropdown ">
														<a href="blog-large-image-right-sidebar.html" class="dropdown-toggle" data-toggle="dropdown">Blog</a>
														<ul class="dropdown-menu">
															<li ><a href="index-blog.html">Blog Home <span class="badge">v1.1</span></a></li>
															<li ><a href="index-blog-2.html">Blog Home 2 <span class="badge">v1.3</span></a></li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Large Image</a>
																<ul class="dropdown-menu to-left">
																	<li ><a href="blog-large-image-right-sidebar.html">Right Sidebar</a></li>
																	<li ><a href="blog-large-image-left-sidebar.html">Left Sidebar</a></li>
																	<li ><a href="blog-large-image-no-sidebar.html">Without Sidebar</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Medium Image</a>
																<ul class="dropdown-menu to-left">
																	<li ><a href="blog-medium-image-right-sidebar.html">Right Sidebar</a></li>
																	<li ><a href="blog-medium-image-left-sidebar.html">Left Sidebar</a></li>
																	<li ><a href="blog-medium-image-no-sidebar.html">Without Sidebar</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Masonry</a>
																<ul class="dropdown-menu to-left">
																	<li ><a href="blog-masonry-right-sidebar.html">Right Sidebar</a></li>
																	<li ><a href="blog-masonry-left-sidebar.html">Left Sidebar</a></li>
																	<li ><a href="blog-masonry-no-sidebar.html">Without Sidebar</a></li>
																</ul>
															</li>
															<li ><a href="blog-timeline.html">Timeline</a></li>
															<li ><a href="blog-post.html">Blog Post</a></li>
														</ul>
													</li>
												</ul>
												<!-- main-menu end -->
												
												<!-- header dropdown buttons -->
												<div class="header-dropdown-buttons hidden-xs ">
													<div class="btn-group dropdown">
														<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-search"></i></button>
														<ul class="dropdown-menu dropdown-menu-right dropdown-animation">
															<li>
																<form role="search" class="search-box margin-clear">
																	<div class="form-group has-feedback">
																		<input type="text" class="form-control" placeholder="Search">
																		<i class="icon-search form-control-feedback"></i>
																	</div>
																</form>
															</li>
														</ul>
													</div>
													<div class="btn-group dropdown">
														<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-basket-1"></i><span class="cart-count default-bg">8</span></button>
														<ul class="dropdown-menu dropdown-menu-right dropdown-animation cart">
															<li>
																<table class="table table-hover">
																	<thead>
																		<tr>
																			<th class="quantity">QTY</th>
																			<th class="product">Product</th>
																			<th class="amount">Subtotal</th>
																		</tr>
																	</thead>
																	<tbody>
																		<tr>
																			<td class="quantity">2 x</td>
																			<td class="product"><a href="shop-product.html">Android 4.4 Smartphone</a><span class="small">4.7" Dual Core 1GB</span></td>
																			<td class="amount">$199.00</td>
																		</tr>
																		<tr>
																			<td class="quantity">3 x</td>
																			<td class="product"><a href="shop-product.html">Android 4.2 Tablet</a><span class="small">7.3" Quad Core 2GB</span></td>
																			<td class="amount">$299.00</td>
																		</tr>
																		<tr>
																			<td class="quantity">3 x</td>
																			<td class="product"><a href="shop-product.html">Desktop PC</a><span class="small">Quad Core 3.2MHz, 8GB RAM, 1TB Hard Disk</span></td>
																			<td class="amount">$1499.00</td>
																		</tr>
																		<tr>
																			<td class="total-quantity" colspan="2">Total 8 Items</td>
																			<td class="total-amount">$1997.00</td>
																		</tr>
																	</tbody>
																</table>
																<div class="panel-body text-right">
																	<a href="shop-cart.html" class="btn btn-group btn-gray btn-sm">View Cart</a>
																	<a href="shop-checkout.html" class="btn btn-group btn-gray btn-sm">Checkout</a>
																</div>
															</li>
														</ul>
													</div>
												</div>
												<!-- header dropdown buttons end-->
												
											</div>

										</div>
									</nav>
									<!-- navbar end -->

								</div>
								<!-- main-navigation end -->
								</div>
								<!-- header-second end -->
					
							</div>
						</div>
					</div>
					
				</header>
				<!-- header end -->
			</div>
			<!-- header-container end -->
		
			<!-- breadcrumb start -->
			<!-- ================ -->
			<div class="breadcrumb-container">
				<div class="container">
					<ol class="breadcrumb">
						<li><i class="fa fa-home pr-10"></i><a href="index.html">Home</a></li>
						<li class="active">Icons - Fontawesome</li>
					</ol>
				</div>
			</div>
			<!-- breadcrumb end -->

			<!-- main-container start -->
			<!-- ================ -->
			<section class="main-container icons-page">

				<div class="container">
					<div class="row">

						<!-- main start -->
						<!-- ================ -->
						<div class="main col-md-8">

							<!-- page-title start -->
							<!-- ================ -->
							<h1 class="page-title">Icons - Fontawesome</h1>
							<!-- page-title end -->

							<div class="alert alert-icon alert-info" role="alert"><i class="fa fa-info-circle"></i> For more info please visit <a class="alert-link" target="_blank" href="http://fortawesome.github.io/Font-Awesome/">http://fortawesome.github.io/Font-Awesome/</a></div>
							<section id="new">
								<h2 class="page-header">30 New Icons in 4.6</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> american-sign-language-interpreting</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> asl-interpreting <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> assistive-listening-systems</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-audio-description" aria-hidden="true"></i> audio-description</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-blind" aria-hidden="true"></i> blind</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-braille" aria-hidden="true"></i> braille</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-deaf" aria-hidden="true"></i> deaf</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-deafness" aria-hidden="true"></i> deafness <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-envira" aria-hidden="true"></i> envira</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-fa" aria-hidden="true"></i> fa <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-first-order" aria-hidden="true"></i> first-order</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-font-awesome" aria-hidden="true"></i> font-awesome</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gitlab" aria-hidden="true"></i> gitlab</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-glide" aria-hidden="true"></i> glide</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-glide-g" aria-hidden="true"></i> glide-g</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-google-plus-circle" aria-hidden="true"></i> google-plus-circle <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-google-plus-official" aria-hidden="true"></i> google-plus-official</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> hard-of-hearing <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-instagram" aria-hidden="true"></i> instagram</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-low-vision" aria-hidden="true"></i> low-vision</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pied-piper" aria-hidden="true"></i> pied-piper</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-question-circle-o" aria-hidden="true"></i> question-circle-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sign-language" aria-hidden="true"></i> sign-language</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-signing" aria-hidden="true"></i> signing <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-snapchat" aria-hidden="true"></i> snapchat</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-snapchat-ghost" aria-hidden="true"></i> snapchat-ghost</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-snapchat-square" aria-hidden="true"></i> snapchat-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-themeisle" aria-hidden="true"></i> themeisle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-universal-access" aria-hidden="true"></i> universal-access</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-viadeo" aria-hidden="true"></i> viadeo</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-viadeo-square" aria-hidden="true"></i> viadeo-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> volume-control-phone</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> wheelchair-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wpbeginner" aria-hidden="true"></i> wpbeginner</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wpforms" aria-hidden="true"></i> wpforms</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-yoast" aria-hidden="true"></i> yoast</div>
								</div>
							</section>

							<section id="web-application">
								<h2 class="page-header">Web Application Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-adjust"></i>adjust</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-american-sign-language-interpreting"></i>american-sign-language-interpreting</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-anchor"></i>anchor</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-archive"></i>archive</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-area-chart"></i>area-chart</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrows"></i>arrows</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrows-h"></i>arrows-h</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrows-v"></i>arrows-v</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-asl-interpreting"></i>asl-interpreting <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-assistive-listening-systems"></i>assistive-listening-systems</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-asterisk"></i>asterisk</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-at"></i>at</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-audio-description"></i>audio-description</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-automobile"></i>automobile <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-balance-scale"></i>balance-scale</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-ban"></i>ban</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bank"></i>bank <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bar-chart"></i>bar-chart</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bar-chart-o"></i>bar-chart-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-barcode"></i>barcode</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bars"></i>bars</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-battery-0"></i>battery-0 <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-battery-1"></i>battery-1 <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-battery-2"></i>battery-2 <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-battery-3"></i>battery-3 <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-battery-4"></i>battery-4 <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-battery-empty"></i>battery-empty</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-battery-full"></i>battery-full</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-battery-half"></i>battery-half</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-battery-quarter"></i>battery-quarter</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-battery-three-quarters"></i>battery-three-quarters</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bed"></i>bed</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-beer"></i>beer</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bell"></i>bell</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bell-o"></i>bell-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bell-slash"></i>bell-slash</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bell-slash-o"></i>bell-slash-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bicycle"></i>bicycle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-binoculars"></i>binoculars</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-birthday-cake"></i>birthday-cake</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-blind"></i>blind</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bluetooth"></i>bluetooth</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bluetooth-b"></i>bluetooth-b</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bolt"></i>bolt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bomb"></i>bomb</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-book"></i>book</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bookmark"></i>bookmark</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bookmark-o"></i>bookmark-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-braille"></i>braille</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-briefcase"></i>briefcase</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bug"></i>bug</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-building"></i>building</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-building-o"></i>building-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bullhorn"></i>bullhorn</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bullseye"></i>bullseye</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bus"></i>bus</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cab"></i>cab <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-calculator"></i>calculator</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-calendar"></i>calendar</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-calendar-check-o"></i>calendar-check-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-calendar-minus-o"></i>calendar-minus-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-calendar-o"></i>calendar-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-calendar-plus-o"></i>calendar-plus-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-calendar-times-o"></i>calendar-times-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-camera"></i>camera</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-camera-retro"></i>camera-retro</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-car"></i>car</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-caret-square-o-down"></i>caret-square-o-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-caret-square-o-left"></i>caret-square-o-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-caret-square-o-right"></i>caret-square-o-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-caret-square-o-up"></i>caret-square-o-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cart-arrow-down"></i>cart-arrow-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cart-plus"></i>cart-plus</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc"></i>cc</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-certificate"></i>certificate</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-check"></i>check</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-check-circle"></i>check-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-check-circle-o"></i>check-circle-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-check-square"></i>check-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-check-square-o"></i>check-square-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-child"></i>child</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-circle"></i>circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-circle-o"></i>circle-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-circle-o-notch"></i>circle-o-notch</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-circle-thin"></i>circle-thin</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-clock-o"></i>clock-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-clone"></i>clone</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-close"></i>close <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cloud"></i>cloud</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cloud-download"></i>cloud-download</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cloud-upload"></i>cloud-upload</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-code"></i>code</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-code-fork"></i>code-fork</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-coffee"></i>coffee</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cog"></i>cog</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cogs"></i>cogs</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-comment"></i>comment</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-comment-o"></i>comment-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-commenting"></i>commenting</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-commenting-o"></i>commenting-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-comments"></i>comments</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-comments-o"></i>comments-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-compass"></i>compass</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-copyright"></i>copyright</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-creative-commons"></i>creative-commons</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-credit-card"></i>credit-card</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-credit-card-alt"></i>credit-card-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-crop"></i>crop</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-crosshairs"></i>crosshairs</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cube"></i>cube</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cubes"></i>cubes</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cutlery"></i>cutlery</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-dashboard"></i>dashboard <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-database"></i>database</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-deaf"></i>deaf</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-deafness"></i>deafness <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-desktop"></i>desktop</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-diamond"></i>diamond</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-dot-circle-o"></i>dot-circle-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-download"></i>download</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-edit"></i>edit <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-ellipsis-h"></i>ellipsis-h</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-ellipsis-v"></i>ellipsis-v</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-envelope"></i>envelope</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-envelope-o"></i>envelope-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-envelope-square"></i>envelope-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-eraser"></i>eraser</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-exchange"></i>exchange</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-exclamation"></i>exclamation</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-exclamation-circle"></i>exclamation-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-exclamation-triangle"></i>exclamation-triangle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-external-link"></i>external-link</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-external-link-square"></i>external-link-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-eye"></i>eye</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-eye-slash"></i>eye-slash</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-eyedropper"></i>eyedropper</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-fax"></i>fax</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-feed"></i>feed <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-female"></i>female</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-fighter-jet"></i>fighter-jet</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-archive-o"></i>file-archive-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-audio-o"></i>file-audio-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-code-o"></i>file-code-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-excel-o"></i>file-excel-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-image-o"></i>file-image-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-movie-o"></i>file-movie-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-pdf-o"></i>file-pdf-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-photo-o"></i>file-photo-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-picture-o"></i>file-picture-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-powerpoint-o"></i>file-powerpoint-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-sound-o"></i>file-sound-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-video-o"></i>file-video-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-word-o"></i>file-word-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-zip-o"></i>file-zip-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-film"></i>film</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-filter"></i>filter</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-fire"></i>fire</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-fire-extinguisher"></i>fire-extinguisher</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-flag"></i>flag</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-flag-checkered"></i>flag-checkered</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-flag-o"></i>flag-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-flash"></i>flash <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-flask"></i>flask</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-folder"></i>folder</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-folder-o"></i>folder-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-folder-open"></i>folder-open</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-folder-open-o"></i>folder-open-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-frown-o"></i>frown-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-futbol-o"></i>futbol-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gamepad"></i>gamepad</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gavel"></i>gavel</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gear"></i>gear <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gears"></i>gears <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gift"></i>gift</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-glass"></i>glass</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-globe"></i>globe</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-graduation-cap"></i>graduation-cap</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-group"></i>group <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-grab-o"></i>hand-grab-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-lizard-o"></i>hand-lizard-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-paper-o"></i>hand-paper-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-peace-o"></i>hand-peace-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-pointer-o"></i>hand-pointer-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-rock-o"></i>hand-rock-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-scissors-o"></i>hand-scissors-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-spock-o"></i>hand-spock-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-stop-o"></i>hand-stop-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hard-of-hearing"></i>hard-of-hearing <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hashtag"></i>hashtag</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hdd-o"></i>hdd-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-headphones"></i>headphones</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-heart"></i>heart</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-heart-o"></i>heart-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-heartbeat"></i>heartbeat</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-history"></i>history</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-home"></i>home</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hotel"></i>hotel <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hourglass"></i>hourglass</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hourglass-1"></i>hourglass-1 <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hourglass-2"></i>hourglass-2 <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hourglass-3"></i>hourglass-3 <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hourglass-end"></i>hourglass-end</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hourglass-half"></i>hourglass-half</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hourglass-o"></i>hourglass-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hourglass-start"></i>hourglass-start</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-i-cursor"></i>i-cursor</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-image"></i>image <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-inbox"></i>inbox</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-industry"></i>industry</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-info"></i>info</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-info-circle"></i>info-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-institution"></i>institution <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-key"></i>key</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-keyboard-o"></i>keyboard-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-language"></i>language</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-laptop"></i>laptop</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-leaf"></i>leaf</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-legal"></i>legal <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-lemon-o"></i>lemon-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-level-down"></i>level-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-level-up"></i>level-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-life-bouy"></i>life-bouy <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-life-buoy"></i>life-buoy <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-life-ring"></i>life-ring</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-life-saver"></i>life-saver <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-lightbulb-o"></i>lightbulb-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-line-chart"></i>line-chart</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-location-arrow"></i>location-arrow</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-lock"></i>lock</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-low-vision"></i>low-vision</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-magic"></i>magic</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-magnet"></i>magnet</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mail-forward"></i>mail-forward <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mail-reply"></i>mail-reply <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mail-reply-all"></i>mail-reply-all <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-male"></i>male</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-map"></i>map</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-map-marker"></i>map-marker</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-map-o"></i>map-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-map-pin"></i>map-pin</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-map-signs"></i>map-signs</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-meh-o"></i>meh-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-microphone"></i>microphone</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-microphone-slash"></i>microphone-slash</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-minus"></i>minus</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-minus-circle"></i>minus-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-minus-square"></i>minus-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-minus-square-o"></i>minus-square-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mobile"></i>mobile</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mobile-phone"></i>mobile-phone <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-money"></i>money</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-moon-o"></i>moon-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mortar-board"></i>mortar-board <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-motorcycle"></i>motorcycle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mouse-pointer"></i>mouse-pointer</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-music"></i>music</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-navicon"></i>navicon <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-newspaper-o"></i>newspaper-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-object-group"></i>object-group</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-object-ungroup"></i>object-ungroup</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-paint-brush"></i>paint-brush</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-paper-plane"></i>paper-plane</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-paper-plane-o"></i>paper-plane-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-paw"></i>paw</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pencil"></i>pencil</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pencil-square"></i>pencil-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pencil-square-o"></i>pencil-square-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-percent"></i>percent</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-phone"></i>phone</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-phone-square"></i>phone-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-photo"></i>photo <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-picture-o"></i>picture-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pie-chart"></i>pie-chart</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-plane"></i>plane</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-plug"></i>plug</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-plus"></i>plus</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-plus-circle"></i>plus-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-plus-square"></i>plus-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-plus-square-o"></i>plus-square-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-power-off"></i>power-off</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-print"></i>print</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-puzzle-piece"></i>puzzle-piece</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-qrcode"></i>qrcode</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-question"></i>question</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-question-circle"></i>question-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-question-circle-o"></i>question-circle-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-quote-left"></i>quote-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-quote-right"></i>quote-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-random"></i>random</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-recycle"></i>recycle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-refresh"></i>refresh</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-registered"></i>registered</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-remove"></i>remove <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-reorder"></i>reorder <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-reply"></i>reply</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-reply-all"></i>reply-all</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-retweet"></i>retweet</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-road"></i>road</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-rocket"></i>rocket</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-rss"></i>rss</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-rss-square"></i>rss-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-search"></i>search</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-search-minus"></i>search-minus</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-search-plus"></i>search-plus</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-send"></i>send <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-send-o"></i>send-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-server"></i>server</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-share"></i>share</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-share-alt"></i>share-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-share-alt-square"></i>share-alt-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-share-square"></i>share-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-share-square-o"></i>share-square-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-shield"></i>shield</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-ship"></i>ship</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-shopping-bag"></i>shopping-bag</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-shopping-basket"></i>shopping-basket</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-shopping-cart"></i>shopping-cart</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sign-in"></i>sign-in</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sign-language"></i>sign-language</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sign-out"></i>sign-out</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-signal"></i>signal</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-signing"></i>signing <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sitemap"></i>sitemap</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sliders"></i>sliders</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-smile-o"></i>smile-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-soccer-ball-o"></i>soccer-ball-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sort"></i>sort</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sort-alpha-asc"></i>sort-alpha-asc</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sort-alpha-desc"></i>sort-alpha-desc</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sort-amount-asc"></i>sort-amount-asc</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sort-amount-desc"></i>sort-amount-desc</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sort-asc"></i>sort-asc</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sort-desc"></i>sort-desc</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sort-down"></i>sort-down <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sort-numeric-asc"></i>sort-numeric-asc</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sort-numeric-desc"></i>sort-numeric-desc</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sort-up"></i>sort-up <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-space-shuttle"></i>space-shuttle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-spinner"></i>spinner</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-spoon"></i>spoon</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-square"></i>square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-square-o"></i>square-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-star"></i>star</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-star-half"></i>star-half</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-star-half-empty"></i>star-half-empty <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-star-half-full"></i>star-half-full <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-star-half-o"></i>star-half-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-star-o"></i>star-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sticky-note"></i>sticky-note</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sticky-note-o"></i>sticky-note-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-street-view"></i>street-view</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-suitcase"></i>suitcase</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sun-o"></i>sun-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-support"></i>support <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tablet"></i>tablet</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tachometer"></i>tachometer</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tag"></i>tag</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tags"></i>tags</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tasks"></i>tasks</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-taxi"></i>taxi</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-television"></i>television</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-terminal"></i>terminal</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-thumb-tack"></i>thumb-tack</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-thumbs-down"></i>thumbs-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-thumbs-o-down"></i>thumbs-o-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-thumbs-o-up"></i>thumbs-o-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-thumbs-up"></i>thumbs-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-ticket"></i>ticket</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-times"></i>times</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-times-circle"></i>times-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-times-circle-o"></i>times-circle-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tint"></i>tint</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-toggle-down"></i>toggle-down <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-toggle-left"></i>toggle-left <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-toggle-off"></i>toggle-off</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-toggle-on"></i>toggle-on</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-toggle-right"></i>toggle-right <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-toggle-up"></i>toggle-up <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-trademark"></i>trademark</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-trash"></i>trash</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-trash-o"></i>trash-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tree"></i>tree</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-trophy"></i>trophy</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-truck"></i>truck</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tty"></i>tty</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tv"></i>tv <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-umbrella"></i>umbrella</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-universal-access"></i>universal-access</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-university"></i>university</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-unlock"></i>unlock</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-unlock-alt"></i>unlock-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-unsorted"></i>unsorted <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-upload"></i>upload</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-user"></i>user</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-user-plus"></i>user-plus</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-user-secret"></i>user-secret</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-user-times"></i>user-times</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-users"></i>users</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-video-camera"></i>video-camera</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-volume-control-phone"></i>volume-control-phone</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-volume-down"></i>volume-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-volume-off"></i>volume-off</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-volume-up"></i>volume-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-warning"></i>warning <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wheelchair"></i>wheelchair</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wheelchair-alt"></i>wheelchair-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wifi"></i>wifi</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wrench"></i>wrench</div>
								</div>
							</section>

							<section id="accessibility">
								<h2 class="page-header">Accessibility Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-american-sign-language-interpreting"></i>american-sign-language-interpreting</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-asl-interpreting"></i>asl-interpreting <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-assistive-listening-systems"></i>assistive-listening-systems</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-audio-description"></i>audio-description</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-blind"></i>blind</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-braille"></i>braille</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc"></i>cc</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-deaf"></i>deaf</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-deafness"></i>deafness <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hard-of-hearing"></i>hard-of-hearing <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-low-vision"></i>low-vision</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-question-circle-o"></i>question-circle-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sign-language"></i>sign-language</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-signing"></i>signing <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tty"></i>tty</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-universal-access"></i>universal-access</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-volume-control-phone"></i>volume-control-phone</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wheelchair"></i>wheelchair</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wheelchair-alt"></i>wheelchair-alt</div>
								</div>
							</section>

							<section id="hand">
								<h2 class="page-header">Hand Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-grab-o"></i>hand-grab-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-lizard-o"></i>hand-lizard-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-o-down"></i>hand-o-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-o-left"></i>hand-o-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-o-right"></i>hand-o-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-o-up"></i>hand-o-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-paper-o"></i>hand-paper-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-peace-o"></i>hand-peace-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-pointer-o"></i>hand-pointer-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-rock-o"></i>hand-rock-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-scissors-o"></i>hand-scissors-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-spock-o"></i>hand-spock-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-stop-o"></i>hand-stop-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-thumbs-down"></i>thumbs-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-thumbs-o-down"></i>thumbs-o-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-thumbs-o-up"></i>thumbs-o-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-thumbs-up"></i>thumbs-up</div>
								</div>
							</section>

							<section id="transportation">
								<h2 class="page-header">Transportation Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-ambulance"></i>ambulance</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-automobile"></i>automobile <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bicycle"></i>bicycle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bus"></i>bus</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cab"></i>cab <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-car"></i>car</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-fighter-jet"></i>fighter-jet</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-motorcycle"></i>motorcycle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-plane"></i>plane</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-rocket"></i>rocket</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-ship"></i>ship</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-space-shuttle"></i>space-shuttle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-subway"></i>subway</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-taxi"></i>taxi</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-train"></i>train</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-truck"></i>truck</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wheelchair"></i>wheelchair</div>
								</div>
							</section>

							<section id="gender">
								<h2 class="page-header">Gender Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-genderless"></i>genderless</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-intersex"></i>intersex <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mars"></i>mars</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mars-double"></i>mars-double</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mars-stroke"></i>mars-stroke</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mars-stroke-h"></i>mars-stroke-h</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mars-stroke-v"></i>mars-stroke-v</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mercury"></i>mercury</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-neuter"></i>neuter</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-transgender"></i>transgender</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-transgender-alt"></i>transgender-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-venus"></i>venus</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-venus-double"></i>venus-double</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-venus-mars"></i>venus-mars</div>
								</div>
							</section>

							<section id="file-type">
								<h2 class="page-header">File Type Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-file"></i>file</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-archive-o"></i>file-archive-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-audio-o"></i>file-audio-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-code-o"></i>file-code-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-excel-o"></i>file-excel-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-image-o"></i>file-image-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-movie-o"></i>file-movie-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-o"></i>file-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-pdf-o"></i>file-pdf-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-photo-o"></i>file-photo-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-picture-o"></i>file-picture-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-powerpoint-o"></i>file-powerpoint-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-sound-o"></i>file-sound-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-text"></i>file-text</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-text-o"></i>file-text-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-video-o"></i>file-video-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-word-o"></i>file-word-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-zip-o"></i>file-zip-o <span class="text-muted">(alias)</span></div>
								</div>
							</section>

							<section id="spinner">
								<h2 class="page-header">Spinner Icons</h2>
								<div class="alert alert-success">
									<ul class="fa-ul">
										<li>
											<i class="fa fa-info-circle fa-lg fa-li"></i>
											<strong class="sr-only">Note:</strong>
											These icons work great with the <code>fa-spin</code> class. Check out the
											<a href="../examples/#animated" class="alert-link">spinning icons example</a>.
										</li>
									</ul>
								</div>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-circle-o-notch"></i>circle-o-notch</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cog"></i>cog</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gear"></i>gear <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-refresh"></i>refresh</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-spinner"></i>spinner</div>
								</div>
							</section>

							<section id="form-control">
								<h2 class="page-header">Form Control Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-check-square"></i>check-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-check-square-o"></i>check-square-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-circle"></i>circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-circle-o"></i>circle-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-dot-circle-o"></i>dot-circle-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-minus-square"></i>minus-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-minus-square-o"></i>minus-square-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-plus-square"></i>plus-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-plus-square-o"></i>plus-square-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-square"></i>square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-square-o"></i>square-o</div>
								</div>
							</section>

							<section id="payment">
								<h2 class="page-header">Payment Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-amex"></i>cc-amex</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-diners-club"></i>cc-diners-club</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-discover"></i>cc-discover</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-jcb"></i>cc-jcb</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-mastercard"></i>cc-mastercard</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-paypal"></i>cc-paypal</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-stripe"></i>cc-stripe</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-visa"></i>cc-visa</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-credit-card"></i>credit-card</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-credit-card-alt"></i>credit-card-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-google-wallet"></i>google-wallet</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-paypal"></i>paypal</div>
								</div>
							</section>

							<section id="chart">
								<h2 class="page-header">Chart Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-area-chart"></i>area-chart</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bar-chart"></i>bar-chart</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bar-chart-o"></i>bar-chart-o <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-line-chart"></i>line-chart</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pie-chart"></i>pie-chart</div>
								</div>
							</section>

							<section id="currency">
								<h2 class="page-header">Currency Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-bitcoin"></i>bitcoin <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-btc"></i>btc</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cny"></i>cny <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-dollar"></i>dollar <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-eur"></i>eur</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-euro"></i>euro <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gbp"></i>gbp</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gg"></i>gg</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gg-circle"></i>gg-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-ils"></i>ils</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-inr"></i>inr</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-jpy"></i>jpy</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-krw"></i>krw</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-money"></i>money</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-rmb"></i>rmb <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-rouble"></i>rouble <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-rub"></i>rub</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-ruble"></i>ruble <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-rupee"></i>rupee <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-shekel"></i>shekel <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sheqel"></i>sheqel <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-try"></i>try</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-turkish-lira"></i>turkish-lira <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-usd"></i>usd</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-won"></i>won <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-yen"></i>yen <span class="text-muted">(alias)</span></div>
								</div>
							</section>

							<section id="text-editor">
								<h2 class="page-header">Text Editor Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-align-center"></i>align-center</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-align-justify"></i>align-justify</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-align-left"></i>align-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-align-right"></i>align-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bold"></i>bold</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-chain"></i>chain <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-chain-broken"></i>chain-broken</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-clipboard"></i>clipboard</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-columns"></i>columns</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-copy"></i>copy <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cut"></i>cut <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-dedent"></i>dedent <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-eraser"></i>eraser</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file"></i>file</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-o"></i>file-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-text"></i>file-text</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-file-text-o"></i>file-text-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-files-o"></i>files-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-floppy-o"></i>floppy-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-font"></i>font</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-header"></i>header</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-indent"></i>indent</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-italic"></i>italic</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-link"></i>link</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-list"></i>list</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-list-alt"></i>list-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-list-ol"></i>list-ol</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-list-ul"></i>list-ul</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-outdent"></i>outdent</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-paperclip"></i>paperclip</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-paragraph"></i>paragraph</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-paste"></i>paste <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-repeat"></i>repeat</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-rotate-left"></i>rotate-left <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-rotate-right"></i>rotate-right <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-save"></i>save <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-scissors"></i>scissors</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-strikethrough"></i>strikethrough</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-subscript"></i>subscript</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-superscript"></i>superscript</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-table"></i>table</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-text-height"></i>text-height</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-text-width"></i>text-width</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-th"></i>th</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-th-large"></i>th-large</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-th-list"></i>th-list</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-underline"></i>underline</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-undo"></i>undo</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-unlink"></i>unlink <span class="text-muted">(alias)</span></div>
								</div>
							</section>

							<section id="directional">
								<h2 class="page-header">Directional Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-angle-double-down"></i>angle-double-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-angle-double-left"></i>angle-double-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-angle-double-right"></i>angle-double-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-angle-double-up"></i>angle-double-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-angle-down"></i>angle-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-angle-left"></i>angle-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-angle-right"></i>angle-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-angle-up"></i>angle-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrow-circle-down"></i>arrow-circle-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrow-circle-left"></i>arrow-circle-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrow-circle-o-down"></i>arrow-circle-o-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrow-circle-o-left"></i>arrow-circle-o-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrow-circle-o-right"></i>arrow-circle-o-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrow-circle-o-up"></i>arrow-circle-o-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrow-circle-right"></i>arrow-circle-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrow-circle-up"></i>arrow-circle-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrow-down"></i>arrow-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrow-left"></i>arrow-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrow-right"></i>arrow-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrow-up"></i>arrow-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrows"></i>arrows</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrows-alt"></i>arrows-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrows-h"></i>arrows-h</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-arrows-v"></i>arrows-v</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-caret-down"></i>caret-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-caret-left"></i>caret-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-caret-right"></i>caret-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-caret-square-o-down"></i>caret-square-o-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-caret-square-o-left"></i>caret-square-o-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-caret-square-o-right"></i>caret-square-o-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-caret-square-o-up"></i>caret-square-o-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-caret-up"></i>caret-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-chevron-circle-down"></i>chevron-circle-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-chevron-circle-left"></i>chevron-circle-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-chevron-circle-right"></i>chevron-circle-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-chevron-circle-up"></i>chevron-circle-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-chevron-down"></i>chevron-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-chevron-left"></i>chevron-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-chevron-right"></i>chevron-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-chevron-up"></i>chevron-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-exchange"></i>exchange</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-o-down"></i>hand-o-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-o-left"></i>hand-o-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-o-right"></i>hand-o-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hand-o-up"></i>hand-o-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-long-arrow-down"></i>long-arrow-down</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-long-arrow-left"></i>long-arrow-left</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-long-arrow-right"></i>long-arrow-right</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-long-arrow-up"></i>long-arrow-up</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-toggle-down"></i>toggle-down <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-toggle-left"></i>toggle-left <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-toggle-right"></i>toggle-right <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-toggle-up"></i>toggle-up <span class="text-muted">(alias)</span></div>
								</div>
							</section>

							<section id="video-player">
								<h2 class="page-header">Video Player Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-arrows-alt"></i>arrows-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-backward"></i>backward</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-compress"></i>compress</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-eject"></i>eject</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-expand"></i>expand</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-fast-backward"></i>fast-backward</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-fast-forward"></i>fast-forward</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-forward"></i>forward</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pause"></i>pause</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pause-circle"></i>pause-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pause-circle-o"></i>pause-circle-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-play"></i>play</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-play-circle"></i>play-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-play-circle-o"></i>play-circle-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-random"></i>random</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-step-backward"></i>step-backward</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-step-forward"></i>step-forward</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-stop"></i>stop</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-stop-circle"></i>stop-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-stop-circle-o"></i>stop-circle-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-youtube-play"></i>youtube-play</div>
								</div>
							</section>

							<section id="brand">
								<h2 class="page-header">Brand Icons</h2>
								<div class="alert alert-warning">
									<h4><i class="fa fa-warning"></i> Warning!</h4>
									Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social
									Media Buttons" setting. We will not use hacks to force them to display. Please
									<a href="https://adblockplus.org/en/bugs" class="alert-link">report an issue with Adblock Plus</a> if you believe this to be
									an error. To work around this, you'll need to modify the social icon class names.
								</div>
								<div class="row margin-bottom-lg">
									<div class="col-sm-4 panel-body"><i class="fa fa-500px"></i>500px</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-adn"></i>adn</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-amazon"></i>amazon</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-android"></i>android</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-angellist"></i>angellist</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-apple"></i>apple</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-behance"></i>behance</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-behance-square"></i>behance-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bitbucket"></i>bitbucket</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bitbucket-square"></i>bitbucket-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bitcoin"></i>bitcoin <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-black-tie"></i>black-tie</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bluetooth"></i>bluetooth</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-bluetooth-b"></i>bluetooth-b</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-btc"></i>btc</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-buysellads"></i>buysellads</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-amex"></i>cc-amex</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-diners-club"></i>cc-diners-club</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-discover"></i>cc-discover</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-jcb"></i>cc-jcb</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-mastercard"></i>cc-mastercard</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-paypal"></i>cc-paypal</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-stripe"></i>cc-stripe</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-cc-visa"></i>cc-visa</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-chrome"></i>chrome</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-codepen"></i>codepen</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-codiepie"></i>codiepie</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-connectdevelop"></i>connectdevelop</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-contao"></i>contao</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-css3"></i>css3</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-dashcube"></i>dashcube</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-delicious"></i>delicious</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-deviantart"></i>deviantart</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-digg"></i>digg</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-dribbble"></i>dribbble</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-dropbox"></i>dropbox</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-drupal"></i>drupal</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-edge"></i>edge</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-empire"></i>empire</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-envira"></i>envira</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-expeditedssl"></i>expeditedssl</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-facebook"></i>facebook</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-facebook-f"></i>facebook-f <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-facebook-official"></i>facebook-official</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-facebook-square"></i>facebook-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-firefox"></i>firefox</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-flickr"></i>flickr</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-fonticons"></i>fonticons</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-fort-awesome"></i>fort-awesome</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-forumbee"></i>forumbee</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-foursquare"></i>foursquare</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-ge"></i>ge <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-get-pocket"></i>get-pocket</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gg"></i>gg</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gg-circle"></i>gg-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-git"></i>git</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-git-square"></i>git-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-github"></i>github</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-github-alt"></i>github-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-github-square"></i>github-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gitlab"></i>gitlab</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gittip"></i>gittip <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-glide"></i>glide</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-glide-g"></i>glide-g</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-google"></i>google</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-google-plus"></i>google-plus</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-google-plus-square"></i>google-plus-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-google-wallet"></i>google-wallet</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-gratipay"></i>gratipay</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hacker-news"></i>hacker-news</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-houzz"></i>houzz</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-html5"></i>html5</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-instagram"></i>instagram</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-internet-explorer"></i>internet-explorer</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-ioxhost"></i>ioxhost</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-joomla"></i>joomla</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-jsfiddle"></i>jsfiddle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-lastfm"></i>lastfm</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-lastfm-square"></i>lastfm-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-leanpub"></i>leanpub</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-linkedin"></i>linkedin</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-linkedin-square"></i>linkedin-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-linux"></i>linux</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-maxcdn"></i>maxcdn</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-meanpath"></i>meanpath</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-medium"></i>medium</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-mixcloud"></i>mixcloud</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-modx"></i>modx</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-odnoklassniki"></i>odnoklassniki</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-odnoklassniki-square"></i>odnoklassniki-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-opencart"></i>opencart</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-openid"></i>openid</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-opera"></i>opera</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-optin-monster"></i>optin-monster</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pagelines"></i>pagelines</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-paypal"></i>paypal</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pied-piper"></i>pied-piper</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pied-piper-alt"></i>pied-piper-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pinterest"></i>pinterest</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pinterest-p"></i>pinterest-p</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-pinterest-square"></i>pinterest-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-product-hunt"></i>product-hunt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-qq"></i>qq</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-ra"></i>ra <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-rebel"></i>rebel</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-reddit"></i>reddit</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-reddit-alien"></i>reddit-alien</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-reddit-square"></i>reddit-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-renren"></i>renren</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-safari"></i>safari</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-scribd"></i>scribd</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-sellsy"></i>sellsy</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-share-alt"></i>share-alt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-share-alt-square"></i>share-alt-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-shirtsinbulk"></i>shirtsinbulk</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-simplybuilt"></i>simplybuilt</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-skyatlas"></i>skyatlas</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-skype"></i>skype</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-slack"></i>slack</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-slideshare"></i>slideshare</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-snapchat"></i>snapchat</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-snapchat-ghost"></i>snapchat-ghost</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-snapchat-square"></i>snapchat-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-soundcloud"></i>soundcloud</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-spotify"></i>spotify</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-stack-exchange"></i>stack-exchange</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-stack-overflow"></i>stack-overflow</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-steam"></i>steam</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-steam-square"></i>steam-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-stumbleupon"></i>stumbleupon</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-stumbleupon-circle"></i>stumbleupon-circle</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tencent-weibo"></i>tencent-weibo</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-trello"></i>trello</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tripadvisor"></i>tripadvisor</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tumblr"></i>tumblr</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-tumblr-square"></i>tumblr-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-twitch"></i>twitch</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-twitter"></i>twitter</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-twitter-square"></i>twitter-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-usb"></i>usb</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-viacoin"></i>viacoin</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-viadeo"></i>viadeo</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-viadeo-square"></i>viadeo-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-vimeo"></i>vimeo</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-vimeo-square"></i>vimeo-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-vine"></i>vine</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-vk"></i>vk</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wechat"></i>wechat <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-weibo"></i>weibo</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-weixin"></i>weixin</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-whatsapp"></i>whatsapp</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wikipedia-w"></i>wikipedia-w</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-windows"></i>windows</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wordpress"></i>wordpress</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wpbeginner"></i>wpbeginner</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wpforms"></i>wpforms</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-xing"></i>xing</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-xing-square"></i>xing-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-y-combinator"></i>y-combinator</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-y-combinator-square"></i>y-combinator-square <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-yahoo"></i>yahoo</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-yc"></i>yc <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-yc-square"></i>yc-square <span class="text-muted">(alias)</span></div>
									<div class="col-sm-4 panel-body"><i class="fa fa-yelp"></i>yelp</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-youtube"></i>youtube</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-youtube-play"></i>youtube-play</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-youtube-square"></i>youtube-square</div>
								</div>
								<div class="alert alert-success">
									<ul class="margin-bottom-none padding-left-lg">
										<li>All brand icons are trademarks of their respective owners.</li>
										<li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
										<li>Brand icons should only be used to represent the company or product to which they refer.</li>
									</ul>
								</div>
							</section>

							<section id="medical">
								<h2 class="page-header">Medical Icons</h2>
								<div class="row">
									<div class="col-sm-4 panel-body"><i class="fa fa-ambulance"></i>ambulance</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-h-square"></i>h-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-heart"></i>heart</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-heart-o"></i>heart-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-heartbeat"></i>heartbeat</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-hospital-o"></i>hospital-o</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-medkit"></i>medkit</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-plus-square"></i>plus-square</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-stethoscope"></i>stethoscope</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-user-md"></i>user-md</div>
									<div class="col-sm-4 panel-body"><i class="fa fa-wheelchair"></i>wheelchair</div>
								</div>
							</section>
						</div>
						<!-- main end -->

						<!-- sidebar start -->
						<!-- ================ -->
						<aside class="col-md-4 col-lg-3 col-lg-offset-1 hidden-xs hidden-sm">
							<div class="sidebar">
								<nav class="affix-menu scrollspy">
									<ul class="smooth-scroll nav nav-pills nav-stacked">
										<li class="active"><a href="#new">New Icons in 4.6.3</a></li>
										<li><a href="#web-application">Web Application Icons</a></li>
										<li><a href="#accessibility">Accessibility Icons</a></li>
										<li><a href="#hand">Hand Icons</a></li>
										<li><a href="#transportation">Transportation Icons</a></li>
										<li><a href="#gender">Gender Icons</a></li>
										<li><a href="#file-type">File Type Icons</a></li>
										<li><a href="#spinner">Spinner Icons</a></li>
										<li><a href="#form-control">Form Control Icons</a></li>
										<li><a href="#payment">Payment Icons</a></li>
										<li><a href="#chart">Chart Icons</a></li>
										<li><a href="#currency">Currency Icons</a></li>
										<li><a href="#text-editor">Text Editor Icons</a></li>
										<li><a href="#directional">Directional Icons</a></li>
										<li><a href="#video-player">Video Player Icons</a></li>
										<li><a href="#brand">Brand Icons</a></li>
										<li><a href="#medical">Medical</a></li>
									</ul>
								</nav>
							</div>
						</aside>
						<!-- sidebar end -->

					</div>
				</div>
			</section>
			<!-- main-container end -->
			
			<!-- footer top start -->
			<!-- ================ -->
			<div class="dark-bg  default-hovered footer-top animated-text">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="call-to-action text-center">
								<div class="row">
									<div class="col-sm-8">
										<h2>Powerful Bootstrap Template</h2>
										<h2>Waste no more time</h2>
									</div>
									<div class="col-sm-4">
										<p class="mt-10"><a href="#" class="btn btn-animated btn-lg btn-gray-transparent ">Purchase<i class="fa fa-cart-arrow-down pl-20"></i></a></p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- footer top end -->

			<!-- footer start (Add "dark" class to #footer in order to enable dark footer) -->
			<!-- ================ -->
			<footer id="footer" class="clearfix ">

				<!-- .footer start -->
				<!-- ================ -->
				<div class="footer">
					<div class="container">
						<div class="footer-inner">
							<div class="row">
								<div class="col-md-3">
									<div class="footer-content">
										<div class="logo-footer"><img id="logo-footer" src="images/logo_light_blue.png" alt=""></div>
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus illo vel dolorum soluta consectetur doloribus sit. Delectus non tenetur odit dicta vitae debitis suscipit doloribus. Ipsa, aut voluptas quaerat... <a href="page-about.html">Learn More<i class="fa fa-long-arrow-right pl-5"></i></a></p>
										<div class="separator-2"></div>
										<nav>
											<ul class="nav nav-pills nav-stacked">
												<li><a target="_blank" href="http://htmlcoder.me/support">Support</a></li>
												<li><a href="#">Privacy</a></li>
												<li><a href="#">Terms</a></li>
												<li><a href="page-about.html">About</a></li>
											</ul>
										</nav>
									</div>
								</div>
								<div class="col-md-3">
									<div class="footer-content">
										<h2 class="title">Latest From Blog</h2>
										<div class="separator-2"></div>
										<div class="media margin-clear">
											<div class="media-left">
												<div class="overlay-container">
													<img class="media-object" src="images/blog-thumb-1.jpg" alt="blog-thumb">
													<a href="blog-post.html" class="overlay-link small"><i class="fa fa-link"></i></a>
												</div>
											</div>
											<div class="media-body">
												<h6 class="media-heading"><a href="blog-post.html">Lorem ipsum dolor sit amet...</a></h6>
												<p class="small margin-clear"><i class="fa fa-calendar pr-10"></i>Mar 23, 2017</p>
											</div>
											<hr>
										</div>
										<div class="media margin-clear">
											<div class="media-left">
												<div class="overlay-container">
													<img class="media-object" src="images/blog-thumb-2.jpg" alt="blog-thumb">
													<a href="blog-post.html" class="overlay-link small"><i class="fa fa-link"></i></a>
												</div>
											</div>
											<div class="media-body">
												<h6 class="media-heading"><a href="blog-post.html">Lorem ipsum dolor sit amet...</a></h6>
												<p class="small margin-clear"><i class="fa fa-calendar pr-10"></i>Mar 22, 2017</p>
											</div>
											<hr>
										</div>
										<div class="media margin-clear">
											<div class="media-left">
												<div class="overlay-container">
													<img class="media-object" src="images/blog-thumb-3.jpg" alt="blog-thumb">
													<a href="blog-post.html" class="overlay-link small"><i class="fa fa-link"></i></a>
												</div>
											</div>
											<div class="media-body">
												<h6 class="media-heading"><a href="blog-post.html">Lorem ipsum dolor sit amet...</a></h6>
												<p class="small margin-clear"><i class="fa fa-calendar pr-10"></i>Mar 21, 2017</p>
											</div>
											<hr>
										</div>
										<div class="media margin-clear">
											<div class="media-left">
												<div class="overlay-container">
													<img class="media-object" src="images/blog-thumb-4.jpg" alt="blog-thumb">
													<a href="blog-post.html" class="overlay-link small"><i class="fa fa-link"></i></a>
												</div>
											</div>
											<div class="media-body">
												<h6 class="media-heading"><a href="blog-post.html">Lorem ipsum dolor sit amet...</a></h6>
												<p class="small margin-clear"><i class="fa fa-calendar pr-10"></i>Mar 21, 2017</p>
											</div>
										</div>
										<div class="text-right space-top">
											<a href="blog-large-image-right-sidebar.html" class="link-dark"><i class="fa fa-plus-circle pl-5 pr-5"></i>More</a>
										</div>
									</div>
								</div>
								<div class="col-md-3">
									<div class="footer-content">
										<h2 class="title">Portfolio Gallery</h2>
										<div class="separator-2"></div>
										<div class="row grid-space-10">
											<div class="col-xs-4 col-md-6">
												<div class="overlay-container mb-10">
													<img src="images/gallery-1.jpg" alt="">
													<a href="portfolio-item.html" class="overlay-link small">
														<i class="fa fa-link"></i>
													</a>
												</div>
											</div>
											<div class="col-xs-4 col-md-6">
												<div class="overlay-container mb-10">
													<img src="images/gallery-2.jpg" alt="">
													<a href="portfolio-item.html" class="overlay-link small">
														<i class="fa fa-link"></i>
													</a>
												</div>
											</div>
											<div class="col-xs-4 col-md-6">
												<div class="overlay-container mb-10">
													<img src="images/gallery-3.jpg" alt="">
													<a href="portfolio-item.html" class="overlay-link small">
														<i class="fa fa-link"></i>
													</a>
												</div>
											</div>
											<div class="col-xs-4 col-md-6">
												<div class="overlay-container mb-10">
													<img src="images/gallery-4.jpg" alt="">
													<a href="portfolio-item.html" class="overlay-link small">
														<i class="fa fa-link"></i>
													</a>
												</div>
											</div>
											<div class="col-xs-4 col-md-6">
												<div class="overlay-container mb-10">
													<img src="images/gallery-5.jpg" alt="">
													<a href="portfolio-item.html" class="overlay-link small">
														<i class="fa fa-link"></i>
													</a>
												</div>
											</div>
											<div class="col-xs-4 col-md-6">
												<div class="overlay-container mb-10">
													<img src="images/gallery-6.jpg" alt="">
													<a href="portfolio-item.html" class="overlay-link small">
														<i class="fa fa-link"></i>
													</a>
												</div>
											</div>
										</div>
										<div class="text-right space-top">
											<a href="portfolio-grid-2-3-col.html" class="link-dark"><i class="fa fa-plus-circle pl-5 pr-5"></i>More</a>
										</div>
									</div>
								</div>
								<div class="col-md-3">
									<div class="footer-content">
										<h2 class="title">Find Us</h2>
										<div class="separator-2"></div>
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium odio voluptatem necessitatibus illo vel dolorum soluta.</p>
										<ul class="social-links circle animated-effect-1">
											<li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
											<li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
											<li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
											<li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
											<li class="xing"><a target="_blank" href="http://www.xing.com"><i class="fa fa-xing"></i></a></li>
										</ul>
										<div class="separator-2"></div>
										<ul class="list-icons">
											<li><i class="fa fa-map-marker pr-10 text-default"></i> One infinity loop, 54100</li>
											<li><i class="fa fa-phone pr-10 text-default"></i> +00 1234567890</li>
											<li><a href="mailto:info@theproject.com"><i class="fa fa-envelope-o pr-10"></i>info@theproject.com</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- .footer end -->

				<!-- .subfooter start -->
				<!-- ================ -->
				<div class="subfooter">
					<div class="container">
						<div class="subfooter-inner">
							<div class="row">
								<div class="col-md-12">
									<p class="text-center">Copyright © 2017 The Project by <a target="_blank" href="http://htmlcoder.me">HtmlCoder</a>. All Rights Reserved</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- .subfooter end -->

			</footer>
			<!-- footer end -->
			
		</div>
		<!-- page-wrapper end -->

		<!-- JavaScript files placed at the end of the document so the pages load faster -->
		<!-- ================================================== -->
		<!-- Jquery and Bootstap core js files -->
		<script type="text/javascript" src="plugins/jquery.min.js"></script>
		<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
		<!-- Modernizr javascript -->
		<script type="text/javascript" src="plugins/modernizr.js"></script>
		<!-- Magnific Popup javascript -->
		<script type="text/javascript" src="plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
		<!-- Appear javascript -->
		<script type="text/javascript" src="plugins/waypoints/jquery.waypoints.min.js"></script>
		<!-- Count To javascript -->
		<script type="text/javascript" src="plugins/jquery.countTo.js"></script>
		<!-- Parallax javascript -->
		<script src="plugins/jquery.parallax-1.1.3.js"></script>
		<!-- Contact form -->
		<script src="plugins/jquery.validate.js"></script>
		<!-- Owl carousel javascript -->
		<script type="text/javascript" src="plugins/owlcarousel2/owl.carousel.min.js"></script>
		<!-- SmoothScroll javascript -->
		<script type="text/javascript" src="plugins/jquery.browser.js"></script>
		<script type="text/javascript" src="plugins/SmoothScroll.js"></script>
		<!-- Initialization of Plugins -->
		<script type="text/javascript" src="js/template.js"></script>
		<!-- Custom Scripts -->
		<script type="text/javascript" src="js/custom.js"></script>

	</body>
</html>
